import React from 'react';
import ArticleChart from "./ArticleChart";
import {Card} from "antd";
import CourseOrderChart from "./CourseOrderChart";
import UserChart from "./UserChart";
import RoleChart from "./RoleChart";
import ShoppingChart from "./ShoppingChart";

const Welcome = () => {


    return (
        <div>
            <div style={{display: 'flex', justifyContent: 'space-between'}}>
                <Card>
                    <ArticleChart/>
                </Card>
                <Card>
                    <CourseOrderChart/>
                </Card>
            </div>
            <div style={{marginTop: 30, paddingBottom: 30}}>
                <Card>
                    <div style={{display: 'flex'}}>
                        <UserChart/>
                        <RoleChart/>
                    </div>
                </Card>
            </div>
            <div style={{paddingBottom: 30}}>
                <Card>
                    <ShoppingChart/>
                </Card>
            </div>
        </div>
    );
};

export default Welcome;